<template>
  <button @click="$emit('submit')" class="loginBtn">{{ text }}</button>
</template>
<script>
import { defineComponent } from 'vue';

export default defineComponent({
  props: {
    text: {
      default: () => '',
      type: String
    }
  },
  setup () {

  }
})
</script>

<style scoped lang="less">
.loginBtn {
  width: 300px;
  background: linear-gradient(114deg, rgba(0, 155, 253, 0.6) 8%, rgba(0, 232, 232, 0.6) 100%);
  box-shadow: 1px 9px 20px 0px rgba(142, 212, 237, 0.63);
  border-radius: 60px;
  height: 48px;
  border: none;
  font-size: 20px;

  font-weight: 400;
  color: #FFFFFF;
  margin-top: 40px;
  transform: all 1s liner;

  &:hover {
    background: linear-gradient(114deg, rgba(0, 155, 253, 1) 8%, rgba(0, 232, 232, 1) 100%);
  }

  cursor: pointer;
}
</style>
